<template>
  <div>
     <div class="son-component-body">
      我是第{{id}}个组件
      <ul>
        <li>我的名字是{{uname}}</li>
        <li>我的姓是{{famliyName}}</li>
        <li>我的年龄是{{age}}</li>
        <li>我的职业是{{profess}} <button @click="dd">过了一年</button> </li>
      </ul>
     </div>
   </div>
</template>
 
<script>
export default {
  name: "SonComponent",
  components: {},
  props: ['id','uname','famliyName','age','profess'],
  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},
  methods: {
    dd(){
      this.$emit('mm',this.id)
    }
  }
};
</script>

<style scoped>
.son-component-body{
  width: 250px;
  height: 200px;
  border: 1px solid blue;
}
</style>